<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String servers=request.getScheme()+"://"+request.getServerName();
String serverss="http://192.168.0.10";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>日常监管</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
<jsp:include page="/scripts/common/index.html"></jsp:include>
<jsp:include page="/scripts/jquery/index.html"></jsp:include>
<jsp:include page="/scripts/dhtmlx/index.html"></jsp:include>
<jsp:include page="/scripts/bootstrap/index.html"></jsp:include>
<link rel="stylesheet" href="${basePath }style/default.css">
	<style>
	    h1,h2,h3 {
      text-align: center;
      font-size:18px;
      margin:24px 0
    }
	 *{
	 	margin:0;
	 	padding: 0
	 }
  .info_tips {
    display: inline-block;
  }
  
  .info_tips span {
  	font-size: 12px;
  }
  .info_tips label {
    width: 140px;  
    display: inline-block; 
    text-align: right; 
    font-size: 12px;  
    font-weight: normal     
  }
  .info_tips input {
    width: 200px;
    height:25px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  .timeline {
    width: 100%;
    margin-top: 30px;
  }
  .center {
    width: 900px;
    margin: 0 auto
    
  }
  .content {
  	
  }
  .group {
  	margin: 12px;
  }
  br {
  	clear: both
  }
  .center_button {
  	cursor:pointer;
  	width: 46px;
  	height: 46px;
  	border: 2px solid #0099cc;
  	border-radius: 26px;
  	display: block;
  	margin-top:60px
  }
  #scroll_content {
  	top:60px;
  }
  #goLeft,#goRight{
  	text-align: center;font-size: 26px;padding-top: 6px;color: #0099cc;
  	transition: all 0.3s ;
  }
  #goLeft:hover,#goRight:hover {
  	color: #fff;
  	background-color: #0099cc;
  }
</style>
  </head>
  <script type="text/javascript">
  
  $("document").ready(function (){
	  
	  var x=0;
	  var sContent =  $("#scroll_content");
	  sContent.animate({"left":x })
	
	  $("#goLeft").click(function (){
		  if(x<200){
			  console.log(x)
			  sContent.animate({"left":x +=200})
		  }else {
			  sContent.animate({"left":x})
		  }
		 
	  });
	  
	  $("#goRight").click(function (){
		  if(x>-600){
			  console.log(x)
			 sContent.animate({"left":x -=200})
		  }else {
			  sContent.animate({"left":x})
		  }
		  })
  })
  

  
  
  
  
  
  
  
  
  
  
  </script>
<body>
  <div>
  	<div>
  		<h1>企业画像</h1>
  	</div>
    <div class="info">
        <div class="group">
          <div class="info_tips">
            <label for="">企业名称：</label>
            <span>XXXXXX</span>
          </div>
           <div class="info_tips">
            <label for="">法人：</label>
             <span>XXXXXX</span>
          </div>
        </div>
        <div class="group">
          <div class="info_tips">
            <label for="">本年度抽查次数：</label>
             <span>XXXXXX</span>
          </div>
           <div class="info_tips">
            <label for="">总检查次数：</label>
             <span>XXXXXX</span>
          </div>
      </div>
    </div>
    <div class="timeline">
      <div class="center">
            <div style="width: 50px;height:300px;float: left;margin-right:50px;">
              <span class="center_button" id="goLeft" ><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span></span>
            </div>
            <div style="width: 700px;height:350px;float: left;overflow: hidden;position:relative" class="content">
                <div id="scroll_content" style="position:absolute">
                	<div style="width:1200px;;height:3px;margin-top:60px;background-color:#ccc;position:relative">
                		<div style="display:inline-block;width:100px;height:100px;font-size:22px;margin-top:-60px;position: absolute;left:40px;">                		
	                		<div style="margin-left:-20px;margin-bottom:20px">2018年</div>
	                		<span style="display: inline-block;width:24px;height:24px;background-color:#0099cc;border-radius: 12px;border: 2px solid #999;box-shadow: 1px 1px 1px #ccc">
	                		</span>
                		</div> 
                		
                		 <div style="display:inline-block;width:100px;height:100px;font-size:22px;margin-top:-48px;position: absolute;left:100px;top:52px;">            		
	                		<span style="display: inline-block;width:12px;height:12px;background-color:#ccc;border-radius: 6px;border: 1px solid #999;box-shadow: 1px 1px 1px #ccc;margin-top:-8px">
	                		</span>
	                		<div style="width:2px;height:80px;background-color:#ccc;margin-left:5px;"></div>
	                		<div style="width:auto;height:30px;font-size:12px;width: 200px;margin-left:-100px;text-align:center;margin-top: 12px">2017-12-08 日常监管抽查</div>
                		</div>
                		
                		 <div style="display:inline-block;width:100px;height:100px;font-size:22px;margin-top:-48px;position: absolute;left:270px;top:52px;">            		
	                		<span style="display: inline-block;width:12px;height:12px;background-color:#ccc;border-radius: 6px;border: 1px solid #999;box-shadow: 1px 1px 1px #ccc;margin-top:-8px">
	                		</span>
	                		<div style="width:2px;height:110px;background-color:#ccc;margin-left:5px;"></div>
	                		<div style="width:auto;height:30px;font-size:12px;width: 200px;margin-left:-100px;text-align:center;margin-top: 12px">2017-09-08 日常监管抽查</div>
                		</div>
                		
                		<div style="display:inline-block;width:100px;height:70px;font-size:22px;margin-top:-60px;position: absolute;left:460px;">                		
	                		<div style="margin-left:-20px;margin-bottom:20px">2017年</div>
	                		<span style="display: inline-block;width:24px;height:24px;background-color:#0099cc;border-radius: 12px;border: 2px solid #999;box-shadow: 1px 1px 1px #ccc">
	                		</span>
                		</div> 
                		
                		 <div style="display:inline-block;width:100px;height:100px;font-size:22px;margin-top:-48px;position: absolute;left:600px;top:52px;">            		
	                		<span style="display: inline-block;width:12px;height:12px;background-color:#ccc;border-radius: 6px;border: 1px solid #999;box-shadow: 1px 1px 1px #ccc;margin-top:-8px">
	                		</span>
	                		<div style="width:2px;height:80px;background-color:#ccc;margin-left:5px;"></div>
	                		<div style="width:auto;height:30px;font-size:12px;width: 200px;margin-left:-100px;text-align:center;margin-top: 12px">2016-12-08 日常监管抽查</div>
                		</div>
                		
                		 <div style="display:inline-block;width:100px;height:100px;font-size:22px;margin-top:-48px;position: absolute;left:740px;top:52px;">            		
	                		<span style="display: inline-block;width:12px;height:12px;background-color:#ccc;border-radius: 6px;border: 1px solid #999;box-shadow: 1px 1px 1px #ccc;margin-top:-8px">
	                		</span>
	                		<div style="width:2px;height:110px;background-color:#ccc;margin-left:5px;"></div>
	                		<div style="width:auto;height:30px;font-size:12px;width: 200px;margin-left:-100px;text-align:center;margin-top: 12px">2016-09-08 日常监管抽查</div>
                		</div>
						
						<div style="display:inline-block;width:100px;height:100px;font-size:22px;margin-top:-48px;position: absolute;left:880px;top:52px;">            		
	                		<span style="display: inline-block;width:12px;height:12px;background-color:#ccc;border-radius: 6px;border: 1px solid #999;box-shadow: 1px 1px 1px #ccc;margin-top:-8px">
	                		</span>
	                		<div style="width:2px;height:80px;background-color:#ccc;margin-left:5px;"></div>
	                		<div style="width:auto;height:30px;font-size:12px;width: 200px;margin-left:-100px;text-align:center;margin-top: 12px">2016-03-08 日常监管抽查</div>
                		</div>
                		
                		<div style="display:inline-block;width:100px;height:70px;font-size:22px;margin-top:-60px;position: absolute;left:1020px;">                		
	                		<div style="margin-left:-20px;margin-bottom:20px">2016年</div>
	                		<span style="display: inline-block;width:24px;height:24px;background-color:#0099cc;border-radius: 12px;border: 2px solid #999;box-shadow: 1px 1px 1px #ccc">
	                		</span>
                		</div> 

                	</div>
                </div>
            </div>
            <div style="width: 50px;height:300px;float: left;margin-left:50px;">
              <span class="center_button" id="goRight" ><span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></span>
            </div>
            <br>
      </div>
    </div>
  </div>
</body>
</html>
